{% extends 'admin/base.html' %}

{% block title %}分类管理页{% endblock %}

{% block main_title %}分类管理{% endblock %}

{% block content %}

    <div class="layui-container">
        <button type="button" class="layui-btn" lay-on="prompt">新增分类</button>
        <table class="layui-hide" id="ID-table-demo-data"></table>
    </div>
{% endblock %}

{% block script %}
    <script>
        layui.use('table', function () {
            var table = layui.table;
            var layer = layui.layer;
            var util = layui.util;
            var $ = layui.$;
            util.on('lay-on', {
                prompt: () => {
                    layer.prompt({title: '请输入分类名称'}, (value, index, elem) => {

                        if (value !== '') {
                            $.post("{{ url_for('admin.add_category') }}", {value: value}, (res) => {
                                res === 'success' ? location.reload() : console.log('分类已存在')
                            })
                        }

                        layer.close(index);
                    });
                },
            })

            // 已知数据渲染
            var inst = table.render({
                elem: '#ID-table-demo-data',
                url:'{{ url_for('admin.get_category') }}',
                cols: [[ //标题栏
                    {field: 'id', title: '序号', width: 150, sort: true},
                    {field: 'name', title: '分类名称', width: 300},
                    {field: 'add_time', title: '创建时间'},
                    {field: 'upd_time', title: '修改时间'},
                ]],
                data: [],
                page: true, // 是否显示分页
                limits: [5, 10, 15],
                limit: 5 // 每页默认显示的数量
            });
        });
    </script>
{% endblock %}